﻿<UserControl x:Class="Zeus.Classes.Engines.Image_Engine.EditorImage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:toolkitaccordion="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Layout.Toolkit"
             xmlns:theme="clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.TwilightBlue"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="700" Height="600">
    <Grid x:Name="LayoutRoot" Background="White">
        <theme:TwilightBlueTheme>
        <StackPanel   HorizontalAlignment="Left">
            <Image  x:Name="Imagecontrol"  Width="400" Height="500"></Image>
        </StackPanel>
            </theme:TwilightBlueTheme>

        <StackPanel  Grid.Column="1" HorizontalAlignment="Right">
           
            <theme:TwilightBlueTheme>
            <StackPanel Orientation="Vertical" Width="210" Height="500">
                <toolkitaccordion:Accordion x:Name="Firstaccordion" Width="190" VerticalAlignment="Center" SelectionMode="ZeroOrMore" HorizontalAlignment="Center">
                   
                    <toolkitaccordion:AccordionItem Header="Adjust exposure" >
                            <theme:TwilightBlueTheme>
                               
                            <StackPanel Orientation="Vertical" Width="190">
                            <TextBlock x:Name="Brightness">Brightness</TextBlock>
                            <Slider x:Name="SliderBrightness" Height="30" Width="100" Value="5" Maximum="10" Minimum="0"></Slider>

                            <TextBlock x:Name="Contrast">Contrast</TextBlock>
                            <Slider x:Name="SliderContrast" Height="30" Width="100" Value="5" Maximum="10" Minimum="0"></Slider>
                      
                                </StackPanel>
                            
                        </theme:TwilightBlueTheme>
                    </toolkitaccordion:AccordionItem>
                    
                    
                </toolkitaccordion:Accordion>
                <toolkitaccordion:Accordion x:Name="Secondaccordion" Width="190"  VerticalAlignment="Center" SelectionMode="ZeroOrMore" HorizontalAlignment="Center">
                    <toolkitaccordion:AccordionItem Header="Crop photo">
                            <theme:TwilightBlueTheme>
                                <!--<ListBox Width="190" >-->
                            <StackPanel Orientation="Vertical" Width="190">
                                <StackPanel Orientation="Horizontal">
                                <TextBlock HorizontalAlignment="Left" Text="Width     "></TextBlock>
                                <TextBox x:Name="WidthCrop" Width="100" HorizontalAlignment="Right"></TextBox>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock HorizontalAlignment="Left" Text="Height    "></TextBlock>
                                <TextBox x:Name="HeightCrop" Width="100" HorizontalAlignment="Right"></TextBox>
                            </StackPanel>

                            <Button x:Name="Crop" Width="100" Content="Apply"  HorizontalAlignment="Center" VerticalAlignment="Center">
                            </Button>
                            </StackPanel>
                        <!--</ListBox>-->
                         </theme:TwilightBlueTheme>
                    </toolkitaccordion:AccordionItem>
                    
                    
                </toolkitaccordion:Accordion>
                <toolkitaccordion:Accordion x:Name="thirdaccordion" Width="190" VerticalAlignment="Center" SelectionMode="ZeroOrMore" HorizontalAlignment="Center">
                    <toolkitaccordion:AccordionItem Header="Adjust color" >
                            <theme:TwilightBlueTheme>
                                <!--<ListBox Width="190">-->
                            <StackPanel Orientation="Vertical" Width="190">
                                <TextBlock x:Name="colortemprature">colortemprature</TextBlock>
                            <Slider x:Name="slidercolor" Height="30" Width="100" Value="5" Maximum="10" Minimum="0"></Slider>

                            <TextBlock x:Name="Tint">Tint</TextBlock>
                            <Slider x:Name="Slidertint" Height="30" Width="100" Value="5" Maximum="10" Minimum="0"></Slider>

                            <TextBlock x:Name="saturation">saturation</TextBlock>
                            <Slider x:Name="Slidersaturation" Height="30" Width="100" Value="5" Maximum="10" Minimum="0"></Slider>
                        <!--</ListBox>-->
                            </StackPanel>
                                </theme:TwilightBlueTheme>
                    </toolkitaccordion:AccordionItem>
                </toolkitaccordion:Accordion>
                </StackPanel>
                </theme:TwilightBlueTheme>
            <!--</ListBox>-->
        </StackPanel>

    </Grid>
</UserControl>
